Extensions

Press shift + S to search API reference.

Interface

SpacingSetProps

View source

Style props for the spacing of an element.

interface SpacingSetProps extends MarginProps, PaddingProps
marginOptionalResponsiveProp<MarginProperty<Length>>

Sets the margin area on all four sides of an element. It is a shorthand for marginTop, marginRight, marginBottom, and marginLeft.

marginBottomOptionalResponsiveProp<MarginBottomProperty<Length>>

Sets the margin area on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

marginLeftOptionalResponsiveProp<MarginLeftProperty<Length>>

Sets the margin area on the left of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

marginRightOptionalResponsiveProp<MarginRightProperty<Length>>

Sets the margin area on the right of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

marginTopOptionalResponsiveProp<MarginTopProperty<Length>>

Sets the margin area on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

marginXOptionalResponsiveProp<MarginProperty<Length>>

Sets the margin area on the left and right of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

marginYOptionalResponsiveProp<MarginProperty<Length>>

Sets the margin area on the top and bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

paddingOptionalResponsiveProp<PaddingProperty<Length>>

Sets the padding area on all four sides of an element. It is a shorthand for paddingTop, paddingRight, paddingBottom, and paddingLeft.

paddingBottomOptionalResponsiveProp<PaddingBottomProperty<Length>>

Sets the height of the padding area on the bottom side of an element.

paddingLeftOptionalResponsiveProp<PaddingLeftProperty<Length>>

Sets the width of the padding area on the left side of an element.

paddingRightOptionalResponsiveProp<PaddingRightProperty<Length>>

Sets the width of the padding area on the right side of an element.

paddingTopOptionalResponsiveProp<PaddingTopProperty<Length>>

Sets the height of the padding area on the top side of an element.

paddingXOptionalResponsiveProp<PaddingProperty<Length>>

Sets the width of the padding area on the left and right sides of an element.

paddingYOptionalResponsiveProp<PaddingProperty<Length>>

Sets the height of the padding area on the top and bottom sides of an element.